﻿<div>
    <div class="span-24 crumb_navigation last">
        <a href="@Url.Action("Index", "Home")">Trang Chủ</a> &lt;
    <span class="current">Thiết Bị VoIP</span>
    </div>
    <div class="bg"></div>
    <div class="span-16">
        @*<div class="span-16 center_title_bar">Motorola 156 MX-VL</div>*@
        <div class="prod_box_big">
            <div class="top_prod_box_big"></div>
            <div class="center_prod_box_big">
                <div class="product_img_big">
                    <a href="javascript:popImage('images/big_pic.jpg','Some Title')" title="header=[Zoom] body=[&nbsp;] fade=[on]">
                        <img src="~/Images/Website/SanPham/gxp-1200.jpg" alt="" border="0" /></a>
                </div>
                <div class="details_big_box">
                    <div class="product_title_big">My Cinema-U3000/DVBT, USB 2.0 TV BOX External, White</div>
                    <div class="specifications">
                        Disponibilitate: <span class="blue">In stoc</span><br />
                        Garantie: <span class="blue">24 luni</span><br />
                        Tip transport: <span class="blue">Mic</span><br />
                        Pretul include <span class="blue">TVA</span><br />
                    </div>
                    <div class="prod_price_big"><span class="reduce">350$</span> <span class="price">270$</span></div>
                    <a href="#" class="addtocart">add to cart</a> <a href="#" class="compare">compare</a>
                </div>
            </div>
            <div class="bottom_prod_box_big"></div>
        </div>
    </div>
    <div class="span-8">
        @Html.Action("_HoTroTrucTuyen", "Layout")
    </div>

    <div class="span-24">
        <ul class="tabs" data-persist="true">
            <li><a href="#view1">Mô Tả</a></li>
            <li><a href="#view2">Chức Năng</a></li>
            <li><a href="#view3">Nhận Xét</a></li>
        </ul>
        <div class="tabcontents">
            <div id="view1">
                <b>Lorem Issum</b>
                <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</p>

            </div>
            <div id="view2">
                <b>Switch to other templates</b>
                <p>Open this page with Notepad, and update the CSS link to:</p>
                <p>template1 ~ 6.</p>
            </div>
            <div id="view3">
                <b>Advanced</b>
                <p>We have an advanced version, <a href="http://www.menucool.com/jquery-tabs">McTabs - jQuery Tabs</a>, that is the most feature-rich Tabs.</p>
                <ul>
                    <li>Ajax content</li>
                    <li>Smooth transitional effect</li>
                    <li>Auto advance</li>
                    <li>Bookmark support: select a tab via bookmark anchor</li>
                    <li>URL support: a hash id in the URL can select a tab</li>
                    <li>Select tabs by mouse over</li>
                    <li>... and more</li>
                </ul>
            </div>
        </div>
    </div>

    <div class="span-20">
        <div class="span-20 center_title_bar">Sản Phẩm Cùng Loại</div>
        @Html.Action("_DanhSachSanPham", "Layout", new { tieuDe = "Sản Phẩm Cùng Loại", loaiSanPham = 1, soDong = 1, soCot = 4 })
    </div>
</div>
@section scripts
{
    <script src="~/Plugin/tabcontent/tabcontent.js" type="text/javascript"></script>
    <link href="~/Plugin/tabcontent/template1/tabcontent.css" rel="stylesheet" type="text/css" />
}